@font-face {
	font-family: 'iconfont';
	src: url('../../../fonts/iconfont.ttf') format('truetype');
}
html,body{
	width: 100%; height: 100%; overflow: hidden;
}
html,body,span,div,label{
	font-family: "Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; font-size: 14px; 
	margin: 0px; padding: 0px; border: 0px;
}


/* 设置滚动条的样式 */
div::-webkit-scrollbar {
	width: 0px !important; 
	height: 0px !important; 
}


#app{
	width: 100%; height: 100%; overflow: auto;
	background-color: #e7e7e7;
}

.app-query{
	width: 100%; height: auto; padding: 15px 0px;
	display: flex; flex-flow: column nowrap;
	background-color: #ffffff;
}
.app-query-item{
	width: 100%; height: 32px; 
	display: flex; flex-flow: row nowrap;
}
.app-query-item>span{
	width: 82px; height: 32px; line-height: 32px; padding: 0px 8px 0px 0px;
	display: inline-block; flex: 0 0 auto; text-align: right; 
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
} 
.app-query-item>input{
	font-size: 14px;
	width: calc(100% - 110px); height: 28px; line-height: 24px;
	margin: 2px 25px 2px 0px; padding: 2px 5px; 
	display: inline-block; box-sizing: border-box;
	border: 1px solid #dcdfe6; border-radius: 4px;
}
.app-query-btn{
	width: 100%; height: auto; margin-top: 15px;
	display: flex; flex-flow: row nowrap; 
	justify-content: space-around; justify-content: space-evenly; align-items: center;
}
.app-query-btn>button{
	background: #3a8ee6; color: #fff;
	width: auto; min-width: 80px; height: 28px; line-height: 26px; 
	padding: 0px 15px; text-align: center;
	border: 1px solid #3a8ee6; border-radius: 28px;
}



.app-listdata{
	width: 100%; height: auto;
}
.app-listdata-item{
	width: 100%; height: auto; padding: 0px; margin-top: 8px; 
	background-color: #ffffff; box-shadow: 0px 1px 2px 1px #e2e2e2;
	display: flex; flex-flow: column nowrap;
}
.app-listdata-item>div{
	width: 100%; height: 33px; line-height: 22px; padding: 5px 0px;
	display: flex; flex-flow: row nowrap; 
	border-bottom: 1px solid #efefef;
}
.app-listdata-item>div>span{
	display: inline-block;
}
.app-listdata-item>div>span:first-child{
	width: 100px; flex: 0 0 auto; text-align: right; 
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.app-listdata-item>div>span:last-child{
	width: auto; color: #707070; flex: 1 1 auto; 
}
.app-listdata-item>div:last-child{
	height: 32px; border-bottom: 0px; padding: 0px;
	display: inline-flex; flex-flow: row nowrap; justify-content: center;
}
.app-listdata-item>div:last-child>div{
	width: 50%; border-right: 1px solid #efefef;
	display: inline-flex; flex-flow: row nowrap; justify-content: center;
}
.app-listdata-item>div:last-child>div:last-child{
	border-color: #ffffff;
}
.app-listdata-item>div:last-child>div>button{
	color: #3a8ee6;
	width: auto; min-width: 100px; height: 28px; line-height: 28px; 
	padding: 0px 15px; margin-top: 2px; text-align: center; border: 0px; 
}



.app-load-more{
	width: 100%; height: auto; margin: 10px 0px 10px 0px; 
}
.app-load-more>span{
	color: 888888;
	width: 100%; height: 22px; line-height: 22px;
	display: inline-block; text-align: center;
}